@extends('back.index')
@section('title','新增权限-后台管理系统')
@section('mian')
    <div style="font-size:14px;padding:20px;" class="modal-content">
        <h2 class="sub-header power_mian">修改出版社</h2>
            <div class="container ">
            <div class="row">
                <div class="col-md-8">
            <form class="form-horizontal" action="" method="post"  name="form0" id="form0" enctype="multipart/form-data">
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">出版社名</label>
                    <div class="col-sm-10">
                        <input type="text" name="name" class="form-control" value="{{$up->name}}" id="inputPassword3" placeholder="出版社名">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">出版社网址</label>
                    <div class="col-sm-10">
                        <input type="text" name="http" class="form-control" value="{{$up->http}}"  id="inputPassword3" placeholder="出版社网址">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">出版社封面</label>
                    <div class="col-sm-10">
                        <input type="file" name="file0" id="file0"  class="form-control" id="inputPassword3" >
                    </div>
                    {{csrf_field()}}
                </div>
                <div class="form-group">
                    <label for="inputPassword3" name="description" class="col-sm-2 control-label">出版社简介</label>
                    <div class="col-sm-10">
                        <textarea class="form-control" name="description" rows="3">{{$up->desc}}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <input type="submit" class="btn btn-default" value="更新">
                    </div>
                </div>
                <div class="pass-portrait-right" style="position: absolute;top: -8px;left: 842px;">
                    <p class="pass-portrain-commonp">头像预览</p>
                    <p id="previewBoxBig" class="pass-portrait-previewboxbig">
                        <img style="width:160px;height:55px;" id="img0" src="{{asset('/image/presss/'.$up->pressicon)}}" class="pass-portrait-previewbig" ></p>
                    <p class="pass-portrain-commonp pass-portrain-previewp"><span>大头像160*55</span></p>
                </div>
            </form>
                    {{--   上次图片预览开始   --}}
                    <script>
                        $("#file0").change(function(){
                            // getObjectURL是自定义的函数，见下面
                            // this.files[0]代表的是选择的文件资源的第一个，因为上面写了 multiple="multiple" 就表示上传文件可能不止一个
                            // ，但是这里只读取第一个
                            var objUrl = getObjectURL(this.files[0]) ;
                            // 这句代码没什么作用，删掉也可以
                            // console.log("objUrl = "+objUrl) ;
                            if (objUrl) {
                                // 在这里修改图片的地址属性
                                $("#img0").attr("src", objUrl) ;
                                $("#img1").attr("src", objUrl) ;
                            }
                        })
                        //建立一個可存取到該file的url
                        function getObjectURL(file) {
                            var url = null ;
                            // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
                            if (window.createObjectURL!=undefined) { // basic
                                url = window.createObjectURL(file) ;
                            } else if (window.URL!=undefined) { // mozilla(firefox)
                                url = window.URL.createObjectURL(file) ;
                            } else if (window.webkitURL!=undefined) { // webkit or chrome
                                url = window.webkitURL.createObjectURL(file) ;
                            }
                            return url
                        }
                    </script>
                    {{--   上次图片预览结束   --}}
           </div>
            </div>
            </div>
    </div>
@endsection